<template>
  <div class="wrapper-contion">
    <div class="wrapper"></div>
    <div class="wrapper-white">
      <div class="top-Title">方案概述</div>
      <span class="top-sub"
        >纺织企业是的流程型生产组织模式，显著特征是连续性和均衡性；设备一旦开工，不能轻易停机，流程相对封闭；\n生产流程很长；工艺变化频繁；但各工序间要求保持均衡生产，甚至需要重复式生产，因此，需要平衡各项资源配置。</span
      >
      <div scroll-x="true" style="width: 100%; overflow-x: auto">
        <div class="wrapper-white-image div-item"></div>
      </div>
    </div>
    <div class="function-wrapper">
      <div class="top-Title">重要功能</div>
      <span class="function-sub"
        >数智纺生产管理解决方案为纺织企业提供全面的生产信息化管理，基于对生产过程信息化控制和上下游信息整合的需求，以标准化的生产管理流程运转，由生产订单驱动，通过简洁明确的操作，满足企业生产过程自动化控制和工艺管理、质量管理、部门协作等管理难题，从根本上改变生产管理模式，提升效益。</span
      >
      <div class="function-img">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/5ab09a0f3a9d32b19d7a2a2d281f2219.png"
        />
      </div>
      <div class="function-img-round">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/211f3ebe517b387195764d973b2bd281.png"
        />
      </div>
      <div class="function-img-com1">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/765f0f7d9aac35879448f908f481052b.png"
        />
      </div>
      <div class="function-img-com2">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/a47f0575de2f33e7afbdbbcdf4c64f76.png"
        />
      </div>
     
        <div v-for="(item, index) in roudArr" :key="index"
          class="function-img-quan"
          :style="{ top: item.top + 'px', width: item.w + 'px', height: item.h + 'px', left: item.l + 'px' }"
        >
          <van-image width="100%" height="100%" fit="cover" :src="item.url" />
        </div>
     
    </div>
    <div class="production-wrapper">
      <div class="top-Title">生产可视化</div>
      <span class="production-sub"
        >实时了解生产现场中在制品、人员、设备、物料等制造资源和加工任务状态的动态变化。信息能有效与上层管理系统进行集成，方便进行过程管理和生产决策。</span
      >
      <div class="production-img"></div>
      <div class="production-img-c">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/364fc801a9b23cb7a093cc5be496f76b.png"
        />
      </div>
    </div>
    <div class="dispatch-wrapper">
      <div class="top-Title">生产调度智能化</div>
      <span class="dispatch-sub"
        >根据生产数据和后续生产需求，提示当前生产调度需调整的地方，并自动调整机器运行指标。如根据生产计划、生产能力和库存，自动调整机台的生产速度或停台，在不影响性能的情况下，调节产能。</span
      >
      <div class="dispatch-img">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/5ae857d5743a316b9be7b37c5dce1e7d.png"
        />
      </div>
    </div>
    <div class="flexibility-wrapper">
      <div class="top-Title">柔性化生产</div>
      <span class="flexibility-sub"
        >订单生产智能化、调度智能化、信息可追溯，用户可远程跟踪和查看自己订单的生产进度。生产调度智能化，实现前道工序根据后道工序的需求精确生产，减少在制品库存，降低消耗，实现柔性化生产。</span
      >
      <div scroll-x="true" style="width: 100%; overflow-x: auto">
        <div class="flexibility-image flexibility-view-item"></div>
      </div>
    </div>
    <div class="module-wrapper">
      <div class="top-Title">模块功能流程</div>
      <span class="flexibility-sub"
        >MES系统中生产管理主要内容包括计划管理（计划排程、作业计划）、计划目标（品种质量、产量消耗）、生产调度（信息反馈、协调平衡）、统计分析（定额管理、报工统计）等。具体如下：</span
      >
      <div class="module-img-back">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/6b147177fa503a7b95448067ada88f7e.png"
        />
      </div>
      <div class="module-img">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/53472809ad8c3c8aaab9b2a8e2eb77f6.png"
        />
      </div>
    </div>
    <div class="scheme-wrapper">
      <div class="top-Title scheme-title">方案价值</div>
      <div v-for="(item, index) in scheme[0]" :key="index">
        <div class="scheme-white">
          <div class="scheme-white-img">
            <van-image width="100%" height="100%" fit="cover" :src="item.image" />
          </div>
          <div class="scheme-white-txt">{{ item.sub }}</div>
          <div class="scheme-white-url">
            <van-image width="100%" height="100%" fit="cover" :src="item.url" />
          </div>
        </div>
      </div>
      <div class="scheme-url">
        <div class="scheme-url-round1">
          <van-image
            width="100%"
            height="100%"
            fit="cover"
            src="https://oss.cloudcpc.com/f2b4800f21c3389f87163ced570a5684.png"
          />
        </div>
        <div class="scheme-url-round2">
          <van-image
            width="100%"
            height="100%"
            fit="cover"
            src="https://oss.cloudcpc.com/def9c017a11632359a9fcbb3a6042a1c.png"
          />
        </div>
        <div class="scheme-url-round3">
          <van-image
            width="100%"
            height="100%"
            fit="cover"
            src="https://oss.cloudcpc.com/46c636097a0c310f884fd724430e390e.png"
          />
        </div>
      </div>
      <div v-for="(item, index) in scheme[1]" :key="index+10">
        <div class="scheme-white">
          <div class="scheme-white-img">
            <van-image width="100%" height="100%" fit="cover" :src="item.image" />
          </div>
          <div class="scheme-white-txt">{{ item.sub }}</div>
          <div class="scheme-white-url">
            <van-image width="100%" height="100%" fit="cover" :src="item.url" />
          </div>
        </div>
      </div>
      <div class="scheme-url2">
        <div class="scheme-url2-round1">
          <van-image
            width="100%"
            height="100%"
            fit="cover"
            src="https://oss.cloudcpc.com/73d0612ade4a369794fe081fdfbc2740.png"
          />
        </div>
        <div class="scheme-url2-round2">
          <van-image
            width="100%"
            height="100%"
            fit="cover"
            src="https://oss.cloudcpc.com/7f3c7e794e393e918e08eeb0dec183d5.png"
          />
        </div>
        <div class="scheme-url2-round3">
          <van-image
            width="100%"
            height="100%"
            fit="cover"
            src="https://oss.cloudcpc.com/db0a3b05bb3837abb03bcec4f6480b13.png"
          />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { WxShare } from '@/utils/share'
import { redirectUrl } from '@/utils/config'

export default {
  data() {
    return {
      roudArr: [
        {
          top: 397,
          l: 49,
          w: 32,
          h: 32,
          url: 'https://oss.cloudcpc.com/ceb19b8f66a73377a9478b059ecc647e.png'
        },
        {
          top: 298,
          l: 153,
          w: 24,
          h: 24,
          url: 'https://oss.cloudcpc.com/bce4943b77d330e78f577de78cec6685.png'
        },
        {
          top: 430,
          l: 225,
          w: 32,
          h: 32,
          url: 'https://oss.cloudcpc.com/ceb19b8f66a73377a9478b059ecc647e.png'
        },
        {
          top: 485,
          l: 300,
          w: 24,
          h: 24,
          url: 'https://oss.cloudcpc.com/bce4943b77d330e78f577de78cec6685.png'
        },
        {
          top: 280,
          l: 350,
          w: 21,
          h: 21,
          url: 'https://oss.cloudcpc.com/9b9164198577388793addf77aa33c638.png'
        }
      ],
      scheme: [
        [
          {
            url: 'https://oss.cloudcpc.com/0539d22af5b83811a6539ee36ef93e19.png',
            image: 'https://oss.cloudcpc.com/64631728ce2736fd82527aa919f316a7.png',
            sub: '建立规范、统一、完整的生产数据库，各区域、各系统、各环节数据互联互通，实时掌控生产动态，快速提升协作效率，有效预防生产问题和故障。多生产模式、多生产线、多部门、多人员协同，将生产涉及的机器设备、工作中心、工序工艺、制造过程等一体化并行处理，避免资源闲置和浪费。'
          },
          {
            url: 'https://oss.cloudcpc.com/92f0508f931f35f995f3b036f2e7fb75.png',
            image: 'https://oss.cloudcpc.com/45298554048f32b885044dd0c3775a89.png',
            sub: 'MRP和物料清单自动匹配核算，对物料生成预测单安排采购，通过生产订单CRP核算，自动进行时间推算与生产能力平衡，快速应对插单、急单。自动根据排产规则，安排生产订单的开始时间、生产车间、生产线以及结束时间，自动调度替代人工排产，效率更高，错漏更少，避免车间管理混乱。'
          },
          {
            url: 'https://oss.cloudcpc.com/c6aa373df6d23234b8498a0b62361676.png',
            image: 'https://oss.cloudcpc.com/610655840c4a3f4595452c54d526cb8f.png',
            sub: '生产全程一体化管理，从BOM、工艺、预测、计划、订单、车间、委外，到质检、计件、成本核算，信息高度共享，流程自动衔接，过程轻松把控。提供简易流程、中级流程、完整流程，全面满足生产流程之所需，自定义审批流，精细管控生产过程每个环节，持续优化生产线性能，提前避免风险。'
          }
        ],
        [
          {
            url: 'https://oss.cloudcpc.com/4a8aaac4ae563505938bd71949e350cd.png',
            image: 'https://oss.cloudcpc.com/cc5d67b0a81534309f93a0da537fca4e.png',
            sub: '进度汇报自动关联生产数据，一键查看生产订单所有执行过程（子单合集），实时跟踪、掌控订单进度，及时调整、安排生产活动，进度一目了然。强大的进度查询功能，订单编号、开始日期、截止日期、产量进度、工时进度、订单状态、产品信息、订单流程、计件工资及发放状态，尽在掌控。'
          },
          {
            url: 'https://oss.cloudcpc.com/25b5c32a1686388d892496cdbb3a5a3f.png',
            image: 'https://oss.cloudcpc.com/ebbb0363847b36c1ac718f9f3301c777.png',
            sub: '提供生产质检和委外质检，自定义设置质检字段、编号、类型、等级，支持质检单跟进、合格品入库、不合格品返修，降低废品率，为企业节约成本。为每个产品建立唯一标记，支持抽检和全检，支持每道工序和产品质检，严控产品质量，减少退货、索赔风险，帮您追踪产品问题根源，及时改进。'
          },
          {
            url: 'https://oss.cloudcpc.com/5ec9321d468a3705aa575b8fe0d400a4.png',
            image: 'https://oss.cloudcpc.com/610655840c4a3f4595452c54d526cb8f.png',
            sub: '建立科学全面的成本核算规则，自动统计生产相关间接费用，同步核实生产相关直接费用，生产订单成本核算完毕，订单关联业务数据实时同步。全面记录订单生产过程各种耗费，生产数据全面协同，订单成本自动更新，生产成本一键核算，确保产品成本准确及时，真实反映企业利润水平。'
          }
        ]
      ]
    }
  },
  mounted() {
    // WxShare({
    //   title: '云上展',
    //   desc: '数字展馆一站式服务，文化、品牌、科技、展示、互动、营销多位一体，量身定制虚拟数字解决方案！',
    //   link: `${redirectUrl}${fullPath}`,
    //   imgUrl: 'https://www.2025.net/share.png'
    // })

    
  },

  methods: {

      

  }
}
</script>
<style lang="scss" scoped>
@import './index';
</style>


